.page-account{
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: auto;
    &-box{
        flex: 1;
    }
    &-container{
        position:absolute;
        width: 30%;
        margin-left:35%;
        //background-color:rgba(121,81,185,.15);
        //border-radius: 5px;
        //border:1px solid #1e2060;
        top: 48%;
        transform: translate(10px, -50%);
        &-result{
            width: 100%;
        }
        .login-box{
            background:rgba(12, 107, 162, 0.8);
            padding:30px 15% 50px;
            border:1px solid rgba(0, 75, 119, 0.8);
            margin-top: 40px;
        }

        @media screen and (max-width: @screen-sm) {
            width: 95%;
        }
    }

    &-tabs{
        .ivu-tabs-bar{
            border-bottom: none;
        }
        .ivu-tabs-nav-scroll{
            text-align: center;
        }
        .ivu-tabs-nav{
            display: inline-block;
            float: none;
        }
    }
    .sumit-box{
        margin-top:50px;
    }
    &-top{
        text-align:center;
        color: @white-color;
        padding-bottom:30px;
        font-size:32px;
        &-logo{
            color: @white-color;
            font-size: @font18;
            margin-bottom:6px;
            img{
                height: 75px;
            }
        }
        &-desc{
            font-size: @font25;
            color: @white-color;
        }
    }

    &-auto-login{
        margin-bottom: 24px;
        text-align: left;
        a{
            float: right;
        }
    }

    &-other{
        margin: 24px 0;
        text-align: left;
        span{
            font-size: @font-size-base;
        }
        img{
            width: 24px;
            margin-left: 16px;
            cursor: pointer;
            vertical-align: middle;
            opacity: 0.7;
            transition: all @transition-time @ease-in-out;
            &:hover{
                opacity: 1;
            }
        }
    }

    .ivu-poptip, .ivu-poptip-rel{
        display: block;
    }
    .ivu-login{
        .ivu-input{
            background: none;
            border:none;
            border-radius:0;
            border: 1px solid #004B77;
            color: @white-color;
            padding-left:32px;
            &-prefix{
                text-align: left;
                &:after{
                    //content: '';border-right:1px solid #fff;height:10px;margin-left:13px;
                }
                i{
                    color: @white-color;
                    margin-left:10px
                }
            }
        }
    }
    &-register{
        float: right;
        &-tip{
            text-align: left;
            &-low{
                color: @error-color;
            }
            &-medium{
                color: @warning-color;
            }
            &-strong{
                color: @success-color;
            }
            &-title{
                font-size: @font-size-base;
            }
            &-desc{
                white-space: initial;
                font-size: @font-size-base;
                margin-top: 6px;
            }
        }
    }
    &-to-login{
        text-align: center;
        margin-top: 16px;
    }
    &-header{
        text-align: right;
        position: fixed;
        top: 16px;
        right: 24px;
    }
}

@media (min-width: @screen-md-min) {
    .page-account {
        // background-image: url('../../assets/svg/body.svg');
        background: url('../../assets/images/loginBg.png') no-repeat center center #05054c;
        background-size: 100%;
    }

    .page-account-container {
        padding: 32px 3% 64px;
    }
}
